doctype html
html
  head
    title
    link(rel='stylesheet', href='/stylesheets/makeCard.css')
    script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/jquery-1.11.0.min.js')
    script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/qn/plupload/plupload.full.min.js')
    script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/qn/qiniu.min.js')
    script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/jweixin-1.0.0.js')
  body
    block content
      div.mask.disp_hide
        img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/mask.png")#proc_mask.back_mask
        img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/processing.png").proc_img

      div.mask2.disp_hide
        img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/mask.png")#upload_mask.back_mask
        img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/uploading.png").upload_img

      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_bf.png" onclick="onClickType(1)").to_btn.to_bf.btn_bf
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_bf_sel.png" onclick="onClickType(1)").to_btn.to_bf.btn_bf_sel.disp_hide

      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_gf.png" onclick="onClickType(2)").to_btn.to_gf.btn_gf
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_gf_sel.png" onclick="onClickType(2)").to_btn.to_gf.btn_gf_sel.disp_hide

      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_bro.png" onclick="onClickType(3)").to_btn.to_bro.btn_bro
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_bro_sel.png" onclick="onClickType(3)").to_btn.to_bro.btn_bro_sel.disp_hide

      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_mi.png" onclick="onClickType(4)").to_btn.to_mi.btn_mi
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_mi_sel.png" onclick="onClickType(4)").to_btn.to_mi.btn_mi_sel.disp_hide

      //div(onclick="onClickFrid()").to_btn.to_frid
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_friend.png" onclick="onClickType(5)").to_btn.to_frid.btn_frid.disp_hide
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_friend_sel.png" onclick="onClickType(5)").to_btn.to_frid.btn_frid_sel

      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_student.png" onclick="onClickType(6)").to_btn.to_stud.btn_stud
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_student_sel.png" onclick="onClickType(6)").to_btn.to_stud.btn_stud_sel.disp_hide

      input(type="text" size=14 maxlength=15 placeholder="输入您的名字")#from_name.from_name

      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/frame.png").btn_vid_frame.transparent
      div(id="container").btn_video
        img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_video.png" id="btn_video").breath
      img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/10s.png").btn_tip

      div(onclick="onClickApply()").btn_apply
        img(src="http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/img/card/btn_apply.png" id="img_apply").img_apply.breath

      //script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/jquery-1.11.0.min.js')
      //script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/qn/plupload/plupload.full.min.js')
      //script(src='http://7xogoq.com1.z0.glb.clouddn.com/itbserver/api/js/qn/qiniu.min.js')
      script(type='text/javascript').
        var gInfo = !{gInfo};
        var Wechat = !{wechat};
        var gURL = Wechat.url;
        wx.config({
          debug: false,
          appId: Wechat.appId,
          timestamp: Wechat.timestamp,
          nonceStr: Wechat.nonceStr,
          signature: Wechat.signature,
          jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
          ]
        });
      script(src='/javascripts/makeCard.js')

